<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新版本获取操作</title>
    <style type="text/css">

    </style>
</head>
<body>
        <div id="divid1">多多</div>
        <div id="divid2">贱贱</div>
        <div class="spanclazz">我心匪石不可转</div>
        <div class="spanclazz">我心匪席不可卷</div>
</body>
</html>


<script>
    //采用新版本的方式,获取数据
  let v1 = document.querySelector("#divid1");
   //展示结果
   alert("v1=" +v1);


   let v2 =document.querySelectorAll(".spanclazz");
   alert("v2=" + v2)
</script>